<template>
  <div id="app">
    <router-view/>
  </div>
</template>

<script>
export default {
  components: {
  },
}
</script>
<style>
*{
  padding: 0;
  margin: 0;
}
 #app{
    width:10rem;
    margin-left:auto;
    margin-right:auto;
}
.van-toast__icon{
  font-size: 60px !important;
}
.van-toast{
  padding: 30px 50px !important;
  display: flex;
  justify-content: center;
  width: max-content !important;
}
.van-toast__text{
  width: max-content;
  margin: 20px 0 !important;
  font-size: 30px !important;
}
.van-tabs__wrap {
  height: 60px !important;
}
.van-tab__text {
  line-height: 50px;
  font-size: 30px;
  height: 50px;
}
.van-tabs__line {
  width: 120px !important;
  height: 4px !important;
}
.van-tab__pane {
  padding: 20px;
  height: max-content;
  font-size: 30px;
  line-height: 30px;
}
.van-swipe__indicators>i{
  width: 20px;
  height: 20px;
}

.van-field {
  height: 100px;
  display: flex;
  align-items: center;
}
.van-cell__value {
  height: max-content;
}
.van-cell__title {
  width: 160px !important;
}
.van-cell__title > span {
  display: block;
  line-height: 80px;
  width: 100%;
}
.van-field__error-message,
.van-field__control {
  line-height: 50px;
}
</style>
